<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{{__('Login')}}-<?php echo $title_for_layout; ?> - {{$site[title]}}</title>
    <?php
        echo $this->Html->css(array(
            'reset',
			'bootstrap.min.css',
'admin',
        ));
echo $this->Html->script(array(
        	'jquery/jquery.min.js',
        ));
        echo $scripts_for_layout;
    ?>
<style type="text/css">
* { word-break: break-all; }
body {margin:0; padding:0; background: #eef6fc; font-size:12px; font-family:Verdana, Arial, Helvetica, 'SimSun', sans-serif; line-height: 1.8; }
#login-content {
	background:#FFF; 
	padding: 30px 45px;
}
#login{
	position:absolute; margin-top:-120px; margin-left:-240px;
	top:45%;left:50%;
	width:480px;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 6px rgba(0,0,0,.10);
}
h1,h2 { 
	font-size:18px; margin:1px 0 0; line-height:50px; height:50px; 
	background:#E8F7FC; color:#5086A5; padding-left:30px; 
	text-align: left;
}
	h1 span { font-weight:400; font-size:12px; }

.form-horizontal .control-label{
	display:inline-block;float:left;
	text-align:left;
}

</style>
<script type="text/javascript">
var ADMIN_BASEURL = "<?echo ADMIN_SUB_DIR; ?>";
</script>
</head>

<div id="login">
	<h1>
		MiaoCMS <small> {{__('Make management easier!')}}</small>
	</h1>
	<div  id="login-content">
			<?php
	    	$flash_msg =  $this->Session->flash();
			if($flash_msg){
				echo "<div style=\"margin-top: 20px;\">$flash_msg</div>";
			}
			//注意#maincontent中，只包含一个'.container'，否则无法前台编辑模板可能会走样。多行的使用实现使用<div class="row"></div>。
			?>
        {{$content_for_layout}}
	</div>
</div>
</body>
</html>